
.bd-grey-e7{
    border: 1px solid #24679b;
}
.bd-b-grey-e7{
    border-bottom: 1px solid #24679b;
}
.bd-t-grey-e7{
border-top: 1px solid #24679b;
}
.bd-b-2-blue{
    border-bottom: 2px solid #006cb6;
    margin-bottom: -2px;
}
.bg-ver-blue{
    background: url("../images/icon-ver-blue_03.png") 20px center no-repeat;
}
.bg-grey{
    background-color: #f7f7f7;
}
.item-t-2{
    height:43px;line-height:43px;color:#585858;font-size:18px;padding-left:34px;
}
.item-t-3{
    height:43px;line-height:43px;color:#FFFFFF;font-size:18px;padding-left:34px;
}
.item-t-4{
    height:50px;line-height:50px;color:#FFFFFF;font-size:18px;padding-left:34px;
}
.panel-box{
    padding: 5px 20px;
}
.warn-box .warn-item{
    line-height: 42px;
    min-height: 42px;
    margin-bottom: 15px;
    padding-left: 50px;
    color: #FFFFFF;
}
.warn-item-1{
    background: #15345b url("../images/icon-warning-1_03.png") left top no-repeat;
}
.warn-item-2{
    background: #15345b url("../images/icon-warning-2_03.png") left top no-repeat;
}
.warn-item-3{
    background: #15345b url("../images/icon-warning-3_03.png") left top no-repeat;
}
.warn-item-4{
    background: #15345b url("../images/icon-warning-4_03.png") left top no-repeat;
}
.warn-item-5{
    background: #15345b url("../images/icon-warning-5_03.png") left top no-repeat;
}
.warn-item-6{
    background: #15345b url("../images/icon-warning-6_03.png") left top no-repeat;
}
.warn-item-7{
    background: #15345b url("../images/icon-warning-7_03.png") left top no-repeat;
}
.inli-b-w180{
    display: inline-block;
    width: 180px;
}
.inli-b-w110{
    display: inline-block;
    width: 110px;
}
.inli-b-w60{
    display: inline-block;
    width: 60px;
}
.panel-box img{
    width: 100%;
}
/*panel-tree begin*/
.panel-tree{
    max-width: 580px;
    margin: 0 auto;
    position:relative;
}
.panel-tree-top{
    width: 163px;
    height: 45px;
    background-color: #6caaf8;
    border-radius: 10px;
    margin: 0 auto;
    text-align: center;
    color: #fff;
}
.panel-tree-u-d{
    width: 32px;
    /*height: 22px;*/
    margin:3px auto;
}
.panel-tree-main{
    /*height: 98px;*/
    position: relative;
}
.panel-tree-main-l{
    position: absolute;
    left: -28px;
    top: 38px;
    width: 85px;
    height: 74px;
}
.panel-tree-main-r{
    position: absolute;
    right: -28px;
    top: 38px;
    width: 85px;
    height: 74px;
}
.panel-tree-main-body{
    margin: 10px 90px;
    height: 80px;
    background-color: #ffcf4a;
    border-radius: 10px;
    /*margin: 5px auto;*/
}
.main-l-con{
    width: 85px;
    height: 74px;
    position:relative;
}
.main-r-con{
    width: 85px;
    height: 74px;
    position:relative;
}
.circle-big{
    position:relative;
    z-index:9;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: #becee2;
    border-top: 1px solid transparent;
}
/*.main-l-con:hover .circle-big,
.main-r-con:hover .circle-big {background-color: #f00;}*/
.circle-sm{
    width: 36px;
    height: 36px;
    margin: 0 auto;
    margin-top: 5px;
    border-radius: 50%;
    background-color: #6caaf8;
    color: #fff;
}
.main-body-ul{
    margin: 5px 3px;
    border-radius:5px;
    background-color: #ffe89a;
    padding: 3px 0;
}
.main-body-ul li{
    width: 32%;
    float: left;
    margin-left: 3px;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
}
.panel-tree-bottom-top{
    width: 240px;
    height: 88px;
    background-color: #ffcf4a;
    border-radius: 10px;
    color: #fff;
    margin: 0 auto;
}
.bottom-top-con{
    margin: 5px;
    height: 46px;
    background-color: #ffe89a;
    border-radius:5px;
    color: #585858;
    text-align: center;
}
.panel-tree-bottom-main{
    width: 180px;
    height: 82px;
    background-color: #ffcf4a;
    border-radius: 10px;
    color: #fff;
    margin: 0 auto;
}
.panel-tree-bottom-main-little{
    width: 90px;
    height: 50px;
    background-color: #6caaf8;
    border-radius: 10px;
    color: #fff;
    margin: 0 auto;
}
/* update by wanggq 20160121*/
.panel-tree-u-d .flow-arrow {display:inline-block;display:-moz-inline-stack;zoom:1;*display:inline;position:relative;width:6px;height:92px;margin:0 4px;background:#A7B8D1;}
.flow_arrow-up {top:5px;}
.flow_arrow-down {top:0px;}
.panel-tree-u-d .flow_arrow-up .role-before,
.panel-tree-u-d .flow_arrow-down .role-before{visibility:visible;position:absolute;left:-3px;content:"";width:0;height:0;border:6px solid transparent;}
.panel-tree-u-d .flow_arrow-up .role-before {top:-11px;border-bottom:6px solid #A7B8D1;}
.panel-tree-u-d .flow_arrow-down .role-before {bottom:-11px;border-top:6px solid #A7B8D1;}
/*.panel-tree-u-d .flow-arrow:hover {background:#f00;}*/
/*.panel-tree-u-d .flow_arrow-up:hover .role-before {border-bottom:6px solid #f00;}*/
/*.panel-tree-u-d .flow_arrow-down:hover .role-before {border-top:6px solid #f00;}*/

.main-l-con .flow_arrow-tr,
.main-r-con .flow_arrow-tl {position:absolute;top:30px;z-index:2;width:70px;height:114px;}
.main-l-con .flow_arrow-tr {right:3px;border-left:6px solid #A7B8D1;border-top:6px solid #A7B8D1;}
.main-r-con .flow_arrow-tl {left:3px;border-right:6px solid #A7B8D1;border-top:6px solid #A7B8D1;}
.main-l-con .flow_arrow-tr .role-before,
.main-r-con .flow_arrow-tl .role-before {visibility:visible;position:absolute;top:-9px;content:"";width:0;height:0;border:6px solid transparent;}
.main-l-con .flow_arrow-tr .role-before {right:-9px;border-left:6px solid #A7B8D1;}
.main-r-con .flow_arrow-tl .role-before {left:-9px;border-right:6px solid #A7B8D1;}
.main-l-con .flow_arrow-bl,
.main-r-con .flow_arrow-br {position:absolute;top:14px;z-index:1;width:92px;height:126px;}
.main-l-con .flow_arrow-bl {right:0px;border-left:6px solid #A7B8D1;border-top:6px solid #A7B8D1;}
.main-r-con .flow_arrow-br {left:0;border-right:6px solid #A7B8D1;border-top:6px solid #A7B8D1;}
.main-l-con .flow_arrow-bl .role-before,
.main-r-con .flow_arrow-br .role-before {visibility:visible;position:absolute;bottom:-11px;display: inline-block;width:0;height:0;border:6px solid transparent;}
.main-l-con .flow_arrow-bl .role-before {left:-9px;border-top:6px solid #A7B8D1;}
.main-r-con .flow_arrow-br .role-before  {right:-9px;border-top:6px solid #A7B8D1;}
/*.main-l-con .flow_arrow-tr:hover {border-top:6px solid #f00;border-left:6px solid #f00;}
.main-r-con .flow_arrow-tl:hover {border-top:6px solid #f00;border-right:6px solid #f00;}
.main-l-con .flow_arrow-bl:hover {border-top:6px solid #f00;border-left:6px solid #f00;}
.main-r-con .flow_arrow-br:hover {border-top:6px solid #f00;border-right:6px solid #f00;}*/
/*.main-l-con .flow_arrow-tr:hover:before {border-left:6px solid #f00;}
.main-r-con .flow_arrow-tl:hover:before {border-right:6px solid #f00;}
.main-l-con .flow_arrow-bl:hover:before {border-top:6px solid #f00;}
.main-r-con .flow_arrow-br:hover:before {border-top:6px solid #f00;}*/
.panel-tree-tooltip {position:absolute;z-index:10;width:160px;height:78px;padding:5px 10px;border-radius:8px;box-shadow:0 0 5px #eaebff;color:#FFFFFF;background: #15345b;}
/*.panel-tree-tooltip dt {display: none; float:left;width:50px;height:50px;padding:0;margin:0;background:url(../images/icon2.png) center center no-repeat;}*/
.panel-tree-tooltip dd {float:left;width:150px;padding:0;margin:0;font-family:'SimSun';}
.panel-tree-tooltip h3 {font-size:12px;line-height:1em;color:#FFFFFF;font-weight:bold;line-height: 18px;}
.panel-tree-tooltip p {font-size:12px;}
/*panel-tree end*/
.warn-history-box{
    width: 450px;
}
.warn-history-top{
    font-size: 18px;
    border-bottom: 2px solid #24679b;
}
.warn-history-bottom{
    height: 135px;
    line-height: 135px;
    text-align: center;
    font-size: 14px;
    color: #f75b98;
    border: 1px solid #24679b;
    margin-top: 40px;
}
.panel-new{
    margin-top: 50px;
    width: 260px;
    height: 70px;
    padding-top: 28px;
    background: url("../images/icon-new.png") right top no-repeat;
}
.flow_arrow-down.item-1 .panel-tree-tooltip{
    top:14px;
    left:-170px;
}
.flow_arrow-up.item-2 .panel-tree-tooltip{
    top:10px;
    left:16px;
}
.panel-tree-bottom{
    position: relative;
}
.panel-tree-bottom .left-box{
    position: relative;
    margin-left: -180px;
}
.panel-tree-bottom .right-box{
    margin-right: -180px;
}
.flow_arrow-tr.item-1 .panel-tree-tooltip{
    top:26px;
    left: 10px;
}
.flow_arrow-bl.item-1 .panel-tree-tooltip{
    top:42px;
    left:-176px;
}
.flow_arrow-tl.item-1 .panel-tree-tooltip{
    top:26px;
    left:-106px;
}
.flow_arrow-br.item-1 .panel-tree-tooltip{
    top:42px;
    left:102px;
}
/*********************/
.panel-tree-u-d .flow_arrow-down .role-before {
    bottom: -11px;
    border-top: 6px solid #A7B8D1; }
.panel-tree-u-d .flow_arrow-down.bg-color-4 {
    color: #fff; }
.panel-tree-u-d .flow_arrow-down.bg-color-4 h3 {
    color: #fff; }
.panel-tree-u-d .flow_arrow-down.bg-color-3 .role-before {
    border-top: 6px solid #22549C; }
.panel-tree-u-d .flow_arrow-down.bg-color-5 {
    color: #fff; }
.panel-tree-u-d .flow_arrow-down.bg-color-5 h3 {
    color: #fff; }
.panel-tree-u-d .flow_arrow-down.bg-color-1 .role-before {
    border-top: 6px solid #E60012; }
.panel-tree-u-d .flow_arrow-down.bg-color-6 {
    color: #fff; }
.panel-tree-u-d .flow_arrow-down.bg-color-6 h3 {
    color: #fff; }
.panel-tree-u-d .flow_arrow-down.bg-color-2 .role-before {
    border-top: 6px solid #F4C21D; }
.panel-tree-u-d .flow_arrow-up .role-before {
    bottom: -11px;
    border-bottom: 6px solid #A7B8D1; }
.panel-tree-u-d .flow_arrow-up.bg-color-3 .role-before {
    border-bottom: 6px solid #22549C; }
.panel-tree-u-d .flow_arrow-up.bg-color-1 .role-before {
    border-bottom: 6px solid #E60012; }
.panel-tree-u-d .flow_arrow-up.bg-color-2 .role-before {
    border-bottom: 6px solid #F4C21D; }

.main-l-con .flow_arrow-bl {
    right: 0px;
    border-left: 6px solid #A7B8D1;
    border-top: 6px solid #A7B8D1; }
.main-l-con .flow_arrow-bl.border-3 {
    border-left: 6px solid #22549C;
    border-top: 6px solid #22549C; }
.main-l-con .flow_arrow-bl.border-3 .role-before {
    border-top: 6px solid #22549C; }
.main-l-con .flow_arrow-bl.border-1 {
    border-left: 6px solid #E60012;
    border-top: 6px solid #E60012; }
.main-l-con .flow_arrow-bl.border-1 .role-before {
    border-top: 6px solid #E60012; }
.main-l-con .flow_arrow-bl.border-2 {
    border-left: 6px solid #F4C21D;
    border-top: 6px solid #F4C21D; }
.main-l-con .flow_arrow-bl.border-2 .role-before {
    border-top: 6px solid #F4C21D; }
.main-l-con .flow_arrow-tr {
    right: 3px;
    border-left: 6px solid #A7B8D1;
    border-top: 6px solid #A7B8D1; }
.main-l-con .flow_arrow-tr.border-3 {
    border-left: 6px solid #22549C;
    border-top: 6px solid #22549C; }
.main-l-con .flow_arrow-tr.border-3 .role-before {
    border-left: 6px solid #22549C; }
.main-l-con .flow_arrow-tr.border-1 {
    border-left: 6px solid #E60012;
    border-top: 6px solid #E60012; }
.main-l-con .flow_arrow-tr.border-1 .role-before {
    border-left: 6px solid #E60012; }
.main-l-con .flow_arrow-tr.border-2 {
    border-left: 6px solid #F4C21D;
    border-top: 6px solid #F4C21D; }
.main-l-con .flow_arrow-tr.border-2 .role-before {
    border-left: 6px solid #F4C21D; }

.main-r-con .flow_arrow-br {
    left: 0;
    border-right: 6px solid #A7B8D1;
    border-top: 6px solid #A7B8D1; }
.main-r-con .flow_arrow-br.border-3 {
    border-right: 6px solid #22549C;
    border-top: 6px solid #22549C; }
 .main-r-con .flow_arrow-br.border-3 .role-before {
    border-top: 6px solid #22549C; }
.main-r-con .flow_arrow-br.border-1 {
    border-right: 6px solid #E60012;
    border-top: 6px solid #E60012; }
.main-r-con .flow_arrow-br.border-1 .role-before {
    border-top: 6px solid #E60012; }
.main-r-con .flow_arrow-br.border-2 {
    border-right: 6px solid #F4C21D;
    border-top: 6px solid #F4C21D; }
 .main-r-con .flow_arrow-br.border-2 .role-before {
    border-top: 6px solid #F4C21D; }
.main-r-con .flow_arrow-tl {
    left: 3px;
    border-right: 6px solid #A7B8D1;
    border-top: 6px solid #A7B8D1; }
.main-r-con .flow_arrow-tl.border-3 {
    border-right: 6px solid #22549C;
    border-top: 6px solid #22549C; }
.main-r-con .flow_arrow-tl.border-3 .role-before {
    border-right: 6px solid #22549C; }
.main-r-con .flow_arrow-tl.border-1 {
    border-right: 6px solid #E60012;
    border-top: 6px solid #E60012; }
.main-r-con .flow_arrow-tl.border-1 .role-before {
    border-right: 6px solid #E60012; }
.main-r-con .flow_arrow-tl.border-2 {
    border-right: 6px solid #F4C21D;
    border-top: 6px solid #F4C21D; }
.main-r-con .flow_arrow-tl.border-2 .role-before {
    border-right: 6px solid #F4C21D; }
.panel-tree-tooltip.bg-color-4, .panel-tree-tooltip.bg-color-5, .panel-tree-tooltip.bg-color-6 {
    color: #fff; }
.panel-tree-tooltip.bg-color-4 h3, .panel-tree-tooltip.bg-color-5 h3, .panel-tree-tooltip.bg-color-6 h3 {
    color: #fff; }
/*********************/
.flow_arrow-bl.border-blue{
    border-left: 6px solid #22549C;
    border-top: 6px solid #22549C;
}
.flow_arrow-bl .border-blue{
    border-top:6px solid #22549C !important;
}
/********/
.map-container {
    border: 1px solid #24679b;
    display: table; }
.map-container div.table-box {
    display: table-cell;
    width: 265px;
    vertical-align: top; }
.map-container div.table-box table {
    width: 100%;
    border: 1px solid #24679b; }
.map-container div.table-box table tr:first-child th {
    color: #fff; }
.map-container div.table-box table tr {
    line-height: 30px; }
.map-container div.table-box table tr th {
    color: #FFFFFF;
    font-weight: bold;
    border-bottom: 1px solid #24679b; }
.map-container div.table-box table tr td {
    color: #FFFFFF;
    border-bottom: 1px dashed #24679b; }
.map-container div.table-box table tr:first-child th {
    color: #fff; }
.map-container div.table-box table tr:last-child td {
    border-bottom: 1px solid #24679b; }
.map-container .map-box {
    width: 775px;  }

.tr-bgclo-1 {
    background: #174683; }

.tr-bgclo-2 {
    background: #005BA0; }

.tr-bgclo-3 {
    background: #0082E7; }

.tr-bgclo-4 {
    background: #11A0FF; }

.tr-bgclo-5 {
    background: #5FBAFF; }

.tr-bgclo-6 {
    background: #A2D8FF; }


/*add by luo 20160527 start*/
.tree-leave-list{
    width: 800px;
    margin: 0 auto;
}
.tree-leave-list>li{
    float: left;
    width: 33.3%;
    text-align: center;
}
.tree-item{
    width: 220px;
    height: 70px;
    background-color: #6caaf8;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin: 0 auto;
    z-index: 9;
}
.tree-item .tree-item-title{
    font-size: 16px;
    text-align: center;
    color: #fff;
}
.tree-item .tree-item-con{
    margin: 5px 10px;
   background-color: #BBEEFF;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    height: 36px;
    z-index: 10;
}
.tree-item2{
    width: 350px;
    height: 70px;
    background-color: #ffcf49;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin: 0 auto;
    z-index: 9;
}
.tree-item2 .tree-item-title{
    font-size: 16px;
    text-align: center;
    color: #fff;
}
.tree-item2 .tree-item-con{
    margin: 5px 10px;
    background-color: #ffe89a;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    min-height: 36px;
    z-index: 10;
}

.flow-arrow-leave{
    position: relative;
    height: 70px;
    width: 1200px;
    margin: 0 auto;
}
.flow-arrow-leave .bd-red .tree-tooltip{background: #E60012;}
.flow-arrow-leave .bd-blue .tree-tooltip{background:  #22549C;}
.flow-arrow-leave .bd-yellow .tree-tooltip{background:#F4C21D;}
.flow-arrow-leave .tree-tooltip{
    position: absolute;
    z-index: 10;
    width: 220px;
    height: 85px;
    padding: 10px;
    box-shadow: 0 0 5px #eaebff;
    color: #fff;
    background: #15345b;
    cursor: pointer;
    border-radius: 8px;
}
.flow-arrow-leave .pos-left{
    left: -245px;
    top:0px;
}
.flow-arrow-leave .pos-right{
    right: -240px;
    top:0px; }

.tree-tooltip dt {
    float: left;
    width: 50px;
    height: 50px;
    padding: 0;
    margin: 0;
    background: url(../images/icon2.png) center 10px no-repeat;
}
.tree-tooltip dd {
    float: left;
    width: 144px;
    padding: 0;
    margin: 0 0 0 6px;
    font-family: 'SimSun';
}
.panel-tree-tooltip p {
    font-size: 12px;
}
.tree-box .flow-arrow-lb{
    position: absolute;
    left: 318px;
    top: 10px;
    width: 90px;
    height: 135px;
    border-left: 6px solid #a7b8d1;
    border-bottom: 6px solid #a7b8d1;
}
.tree-box .flow-arrow-tb{  position: absolute;  left: 587px;  top: 10px;  width: 6px;  height: 80px;  border-left: 6px solid #a7b8d1;  border-bottom: 6px solid #a7b8d1;}
.tree-box .flow-arrow-rb{
    position: absolute;
    right:325px;
    top: 10px;
    width:90px;
    height: 135px;
    border-right: 6px solid #a7b8d1;
    border-bottom: 6px solid #a7b8d1;
}
.role-arrow{
    visibility: visible;
    position: absolute;
    left: -9px;
    top: -11px;
    content: "";
    width: 0;
    height: 0;
    border: 6px solid transparent;
}
.bd-default .role-up{  border-bottom: 6px solid #a7b8d1;}
.bd-default .role-down{  border-top: 6px solid #a7b8d1;}
.bd-default .role-right{  border-left: 6px solid #a7b8d1;}
.bd-default .role-left{  border-right: 6px solid #a7b8d1;}
.bd-red{ border-color:#E60012!important;  }
.bd-yellow {  border-color: #F4C21D!important;}
.bd-blue {  border-color:  #22549C!important;}
.bd-red .role-up{  border-bottom: 6px solid #E60012;}
.bd-red .role-down{  border-top: 6px solid #E60012;}
.bd-red .role-right{  border-left: 6px solid #E60012;}
.bd-red .role-left{  border-right: 6px solid #E60012;}
.bd-yellow .role-up{  border-bottom: 6px solid #F4C21D;}
.bd-yellow .role-down{  border-top: 6px solid #F4C21D;}
.bd-yellow .role-right{  border-left: 6px solid #F4C21D;}
.bd-yellow .role-left{  border-right: 6px solid #F4C21D;}
.bd-blue .role-up{  border-bottom: 6px solid #22549C;}
.bd-blue .role-down{  border-top: 6px solid #22549C;}
.bd-blue .role-right{  border-left: 6px solid #22549C;}
.bd-blue .role-left{  border-right: 6px solid #22549C;}
.flow-arrow-lb .role-right{ left: 84px;  top:126px; }
.flow-arrow-tb .role-down{ left: -9px;  top:80px; }
.flow-arrow-rb .role-up{ left: 81px;  top: -11px; }
.flow-arrow-rb .role-left{ left: -9px;  top:126px; }

.mask{
    position: fixed;
    top:0;
    width: 0;
    height: 100%;
    width: 100%;
   /* background-color: rgba(0,0,0,.5);*/
    background-color: #000;
    opacity: 0.5;
     filter: alpha(opacity=50)!important;
     z-index: 19;
}
.mask1{
    position: fixed;
    top:0;
    width: 0;
    height: 100%;
    width: 100%;
   /* background-color: rgba(0,0,0,.5);*/
    background-color: #000;
    opacity: 0.5;
     filter: alpha(opacity=50)!important;
     z-index: 19;
}
/* 充值图拓扑图弹框*/
.mask2{
    position: fixed;
    top:0;
    width: 0;
    height: 100%;
    width: 100%;
   /* background-color: rgba(0,0,0,.5);*/
    background-color: #000;
    opacity: 0.5;
     filter: alpha(opacity=50)!important;
     z-index: 19;
}
.dialog-box{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 720px;
    height: 450px;
    margin-left: -360px;
    margin-top: 250px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-color: #fff;
    z-index: 20;
}
.dialog-box1{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 720px;
    height: 400px;
    margin-left: -360px;
    margin-top: 850px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-color: #fff;
    z-index: 20;
}
.dialog-box2{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 720px;
    height: 400px;
    margin-left: -360px;
    margin-top: 1350px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-color: #fff;
    z-index: 20;
}
.dialog-box .dialog-header{
    height: 60px;
    padding: 0 16px;
    background-color: #5395E9;
    -webkit-border-top-left-radius: 6px;
    -moz-border-top-left-radius: 6px;
    border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-top-right-left-radius: 6px;
    border-top-right-radius: 6px;
}
.dialog-box .dialog-header .title{
    line-height: 60px;
    color: #fff;
    font-size: 18px;
}
.dialog-box .dialog-header .close-icon{
    float: right;
    width: 20px;
    height: 20px;
    margin-top: 20px;
    background: url(../images/close-icon.png) center center no-repeat;
    cursor: pointer;
}

.dialog-table-box{
    height:350px;
    overflow: auto;

}
.dialog-box .dialog-table{
   margin:  0  auto;
    width: 680px;
    border: 1px solid #24679b;
}
.dialog-box .dialog-table th{
    background-color:#F2F2F2 ;
}
.dialog-box .dialog-table td,.dialog-box .dialog-table th {
    line-height: 40px;
    padding: 4px;
    color: #8AA2BD;
}
.dialog-box1 .dialog-header{
    height: 60px;
    padding: 0 16px;
    background-color: #5395E9;
    -webkit-border-top-left-radius: 6px;
    -moz-border-top-left-radius: 6px;
    border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-top-right-left-radius: 6px;
    border-top-right-radius: 6px;
}
.dialog-box1 .dialog-header .title{
    line-height: 60px;
    color: #fff;
    font-size: 18px;
}
.dialog-box1 .dialog-header .close-icon{
    float: right;
    width: 20px;
    height: 20px;
    margin-top: 20px;
    background: url(../images/close-icon.png) center center no-repeat;
    cursor: pointer;
}

.dialog-table-box1{
    height:300px;
    overflow: auto;

}
.dialog-box1 .dialog-table{
   margin:  0  auto;
    width: 680px;
    border: 1px solid #24679b;
}
.dialog-box1 .dialog-table th{
    background-color:#F2F2F2 ;
}
.dialog-box1 .dialog-table td,.dialog-box1 .dialog-table th {
    line-height: 40px;
    padding: 4px;
    color: #8AA2BD;
}
.dialog-box2 .dialog-header{
    height: 60px;
    padding: 0 16px;
    background-color: #5395E9;
    -webkit-border-top-left-radius: 6px;
    -moz-border-top-left-radius: 6px;
    border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-top-right-left-radius: 6px;
    border-top-right-radius: 6px;
}
.dialog-box2 .dialog-header .title{
    line-height: 60px;
    color: #fff;
    font-size: 18px;
}
.dialog-box2 .dialog-header .close-icon{
    float: right;
    width: 20px;
    height: 20px;
    margin-top: 20px;
    background: url(../images/close-icon.png) center center no-repeat;
    cursor: pointer;
}

.dialog-table-box2{
    height:300px;
    overflow: auto;

}
.dialog-box2 .dialog-table{
   margin:  0  auto;
    width: 680px;
    border: 1px solid #24679b;
}
.dialog-box2 .dialog-table th{
    background-color:#F2F2F2 ;
}
.dialog-box2 .dialog-table td,.dialog-box1 .dialog-table th {
    line-height: 40px;
    padding: 4px;
    color: #8AA2BD;
}
.bg-color-7{background-color: #0c3352;}
.panel-top-left{
    width: 330px;
    height: 198px;
    position: absolute;
    top: 0;
    left: -234px;
    /*background: url("../images/icon-left.png") right bottom no-repeat;*/
}
.panel-top-right{
    width: 330px;
    height: 198px;
    position: absolute;
    top: 0;
    left: 480px;
    /*background: url("../images/icon-right.png") left bottom no-repeat;*/
}
.we-chat{
    position: absolute;
    top: 88px;
    left: 190px;
}
.zhifubao-chat{
    position: absolute;
    top: 88px;
    left: 380px;
}
.panel-top-left-bd{
    position: absolute;
    right: 0;
    bottom: 3px;
    height: 148px;
    width: 80px;
    border-top: 6px solid #A7B8D1;
    border-right: 6px solid #A7B8D1;
}
.panel-top-right-bd{
    position: absolute;
    left: 0;
    bottom: 3px;
    height: 148px;
    width: 80px;
    border-top: 6px solid #A7B8D1;
    border-left: 6px solid #A7B8D1;
}
.triangle-down{
    visibility:visible;
    position:absolute;
    right:-9px;
    bottom: -9px;
    content:"";
    width:0;
    height:0;
    border:6px solid transparent;
    border-top: 6px  solid #a7b8d1;
}
.triangle-left{
    visibility:visible;
    position:absolute;
    left:-9px;
    top: -9px;
    content:"";
    width:0;
    height:0;
    border:6px solid transparent;
    border-right: 6px  solid #a7b8d1;
}
.triangle-right{
    visibility:visible;
    position:absolute;
    right:-9px;
    top: -9px;
    content:"";
    width:0;
    height:0;
    border:6px solid transparent;
    border-left: 6px  solid #a7b8d1;
}
/*add by luo 20160527 end*/


/*== 每分钟代理商详情 ==*/
.date-box {
    color:#efbf00;
}
.statistics-box ul li .panel {
    border: 2px solid #0386d5;
    border-radius: 8px;
	margin:0 40px;
}
.statistics-box ul li h4{
	background-color:#0386d5;
	line-height:50px;
	text-align:center;
	}
.statistics-box ul li p{ font-size:25px; line-height:60px;}

/*== 代理商识别实时监控 ==*/
.statistics-box {
    display: table;
    width: 100%;
	padding: 2% 5%;
}
.statistics-box ul {
    display: table-row;
}
.statistics-box ul li {
	display: table-cell;
	width:360px;
    color: #fff;
    font-size: 18px;
    line-height: 35px;
    text-align: center;
	font-weight:bold;
}
.statistics-box ul li span{ color:#efbf00;padding:0 5px; font-size:24px;}
/*== 省份代理商详情 ==*/

.div-provincemap{
    width:100%;
    height:550px;
}
.yw-main-table {
    width: 100%;
}
.yw-main-table th, .yw-main-table td {
    padding: 5px 6px;
    text-align: center;
}
.yw-main-table th {
    background-color: #0386d5;
    color: #fff;
    font-size: 14px;
    padding: 7px 6px;
}
.yw-main-table td {
	border-bottom: 1px solid #0386d5;
	color: #fff;
	line-height: 28px;
}
.yw-main-table td a{ color:#efbf00;}
.yw-main-table tr:hover{ background-color:#1b4478}

.yw-page .pg-a {
    display: inline-block;
    vertical-align: middle;
}
.yw-page .pg-a a {
    background-color: #f1f1f1;
    color: #555555;
    display: inline-block;
    float: left;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    margin-right: 2px;
    text-align: center;
    vertical-align: middle;
    width: 30px;
}
.yw-page .pg-a a.curr {
    background-color: #5fbbfa;
    color: #ffffff;
}
.yw-page .pg-a .prev-first {
    background: #f1f1f1 url("../images/gd_pg_first.png") no-repeat scroll center center;
}
.yw-page .pg-a .prev {
    background: #f1f1f1 url("../images/gd_pg_prev.png") no-repeat scroll center center;
    margin-right: 10px;
}
.yw-page .pg-a .next {
    background: #f1f1f1 url("../images/gd_pg_next.png") no-repeat scroll center center;
    margin-left: 10px;
}
.yw-page .pg-a .next-last {
    background: #f1f1f1 url("../images/gd_pg_last.png") no-repeat scroll center center;
}
.yw-page .pg-slt {
    border: 1px solid #d0d0d0;
    color: #555555;
    display: inline-block;
    height: 29px;
    outline: medium none;
    vertical-align: middle;
}